@media screen and (min-width: 768px) {
  .m-choose-tx {
    > ul {
      height: 42px;
      li {
        width: 202px;
        font-size: 14px;
        height: 42px;
        a {
          border-radius: 0;
          text-align: center;
          background: #f1f1f1;
          margin: 0;
          color: #333;
        }
      }
    }
  }
  .m-cart {
    border: {
      left: 1px solid #e1e1e1;
      right: 1px solid #e1e1e1;
      bottom: 1px solid #e1e1e1;
    }
    > div {
      padding: 33px 30px;
    }
  }

  .remarkLi {
    height: 80px;
    label{
      vertical-align: top;
    }
    textarea {
      width: 530px;
      height: 80px;
      line-height: 20px;
      padding-left: 10px;
    }
  }
}

ul .active a {
  border-top: {
    color: #ff946b !important;
  }
  color: #ff946b !important;
}

@media screen and (max-width: 767px) {
  .m-choose-tx {
    > ul {
      width: 100%;
      height: 42px;
      li {
        width:33.33%;
        font-size: 14px;
        height: 42px;
        a {
          border-radius: 0;
          text-align: center;
          background: #f1f1f1;
          margin: 0;
          color: #333;
        }
      }
    }
    .remarkLi{
      height: 80px;
      textarea{
        width: 100%;
        height: 100%;
        line-height: 20px;
        padding-left: 10px;
      }
    }
  }
  .m-cart {
    border: {
      left: 1px solid #e1e1e1;
      right: 1px solid #e1e1e1;
      bottom: 1px solid #e1e1e1;
    }
    > div {
      padding: 33px 30px;
    }
  }
}

.m-title {
  font-size: 16px;
  color: #333;
  font-weight: bold;
  overflow: hidden;
  line-height: 32px;
  margin-bottom: 15px;
}

.table-responsive {
  th,td{
    padding: 15px!important;
  }
  td > a {
    padding: 5px 10px;
    background: coral;
    color: #fff;
  }
}